<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, minimal-ui">
	<title>广告</title>
	<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
	<div class="content-wrap">
		<div class="select-header">
			<h1>广告</h1>
			<a href="##" class="header-right frt header-right-icon"></a>
		</div>
		<div class="ad-header">
			<div class="slide slide1">
				<div class="bd">
					<ul>
						<li>
							<img src="images/slide.png" />
						</li>
						<li>
							<img src="images/slide.png" />
						</li>
						<li>
							<img src="images/slide.png" />
						</li>
					</ul>
				</div>
				<div class="hd">
					<ul>
						<li></li>
						<li></li>
						<li></li>
					</ul>
				</div>
			</div>
			<a href="##" class="select-city"><span>北京</span><i></i></a>
			<div class="ad-search-wrap">
				<div class="ad-search">
					<input type="text"></input>
					<div class="ad-search-icon"><span></span>请输入搜索内容</div>				
				</div>
			</div>
		</div>
		<div class="ad-list">
			<ul>
				<li>
					<a href="##">
						<img src="images/invite.png">
						<p>全职招聘</p>
					</a>
				</li>
				<li>
					<a href="##">
						<img src="images/job.png">
						<p>兼职</p>
					</a>
				</li>
				<li>
					<a href="##">
						<img src="images/build.png">
						<p>租房</p>
					</a>
				</li>
				<li>
					<a href="##">
						<img src="images/secondary.png">
						<p>二手房</p>
					</a>
				</li>
				<li>
					<a href="##">
						<img src="images/goods.png">
						<p>二手物品</p>
					</a>
				</li>
				<li>
					<a href="##">
						<img src="images/shops.png">
						<p>商铺写字楼</p>
					</a>
				</li>
				<li>
					<a href="##">
						<img src="images/location.png">
						<p>本地服务</p>
					</a>
				</li>
				<li>
					<a href="##">
						<img src="images/house.png">
						<p>家政</p>
					</a>
				</li>
				<li>
					<a href="##">
						<img src="images/business.png">
						<p>商家服务</p>
					</a>
				</li>
				<li>
					<a href="##">
						<img src="images/other.png">
						<p>其他</p>
					</a>
				</li>
			</ul>
		</div>
		<div class="dynamic">
			<div class="head-title">
				<span>最新广告</span>
			</div>
			<div class="picMarquee-top">
				<div class="bd">
					<ul class="dynamic-list">
						<li>
							<a href="##">
								<div class="dynamic-right"><img src="images/photo.png"></div>
								<div class="dynamic-left">
									<h1 class="ellipsis">金象信达全国招商，最靠谱的选择</h1>
									<p class="ellipsis">61天104万单据刷屏，如何让家庭不被击垮？</p>
									<div>2018-12-21</div>
								</div>
							</a>
						</li>
						<li>
							<a href="##">
								<div class="dynamic-right"><img src="images/photo.png"></div>
								<div class="dynamic-left">
									<h1 class="ellipsis">金象信达全国招商，最靠谱的选择</h1>
									<p class="ellipsis">61天104万单据刷屏，如何让家庭不被击垮？</p>
									<div>2018-12-21</div>
								</div>
							</a>
						</li>
						<li>
							<a href="##">
								<div class="dynamic-right"><img src="images/photo.png"></div>
								<div class="dynamic-left">
									<h1 class="ellipsis">金象信达全国招商，最靠谱的选择</h1>
									<p class="ellipsis">61天104万单据刷屏，如何让家庭不被击垮？</p>
									<div>2018-12-21</div>
								</div>
							</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	<div class="foot">
		<div class="tab-list">
			<a href="##">
				<div class="tab-list-img tab-list-index"></div>
				<div class="tab-list-text">首页</div>
			</a>
		</div>
		<div class="tab-list">
			<a href="##">
				<div class="tab-list-img tab-list-assets"></div>
				<div class="tab-list-text">资产</div>
			</a>
		</div>
		<div class="tab-list">
			<a href="##">
				<div class="tab-list-img tab-list-shop"></div>
				<div class="tab-list-text">商城</div>
			</a>
		</div>
		<div class="tab-list tab-list-on">
			<a href="##">
				<div class="tab-list-img tab-list-ad"></div>
				<div class="tab-list-text">广告</div>
			</a>
		</div>
		<div class="tab-list">
			<a href="##">
				<div class="tab-list-img tab-list-my"></div>
				<div class="tab-list-text">我的</div>
			</a>
		</div>
	</div>
	<script type="text/javascript" src="js/jquery.min.js"></script>
	<script type="text/javascript" src="js/jquery.SuperSlide.js"></script>
	<script type="text/javascript" src="js/tab.js"></script>
	<script type="text/javascript">
		$('.ad-search-icon').click(function(){
			$(this).hide()
			$('.ad-search input').focus()
		})
		$('.ad-search input').blur(function(){
			if(this.value == ''){
				$('.ad-search-icon').show()
			}
		})
		jQuery(".slide1").slide({mainCell:".bd ul",autoPlay:true,effect:"left",autoPlay:true,vis:3});
	</script>
</body>
</html>